<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="back/menu/header">
</head>
<body>
    <section class="content-header">
        <h1>后台总览</h1>
    </section>
    <section class="content">
    	<div class="row" align="center"><h3>前台管理</h3></div>
        <div class="row">
        <!-- 一行包括用户总数等四个 -->
        	<shiro:hasRole name="sa">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <a href="/website/user/index"><span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span></a>
                    <div class="info-box-content">
                        <span class="info-box-text">用户总数</span>
	                    <span class="info-box-number">
	                        <span th:text="${userTotal}"></span>
	                        <small>个</small>
	                    </span>
                    </div>
                </div>
            </div>
			</shiro:hasRole>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-red"><i class="ion ion-ios-gear-outline"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">文章总数</span>
                    <span class="info-box-number">
                        <span>0</span>
                        <small>个</small>
                    </span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-green"><i class="ion ion-ios-gear-outline"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">图片总数</span>
                    <span class="info-box-number">
                        <span>0</span>
                        <small>个</small>
                    </span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="info-box">
                    <span class="info-box-icon bg-yellow"><i class="ion ion-ios-gear-outline"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">分享总数</span>
                    <span class="info-box-number">
                        <span>0</span>
                        <small>个</small>
                    </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div th:replace="back/menu/footer"></div>
</body>
</html>